<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>紫色鹭</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/swiper.min.css">
    <link rel="stylesheet" href="../css/style.css">
</head>
<body>
<div id="header_01_html">
    <iframe id="header_01" src="head_01.html" frameborder="0"></iframe>
</div>
<div id="head_search_html">
    <iframe id="head_search" src="head_search.html" frameborder="0"></iframe>
</div>
<div class="container clearfix">
    <div class="activity"></div>
    <div class="store_leftbox">
        <div class="advice">
            <ul>
                <li v-for="item in advertise" @click="jumpDetail(item.id)">
                    <img v-for="(it,index) in item.picUrl" :src="imgBaseUrl + it" v-if="index == 0" alt="">
                    <div class="price">¥{{item.price}}</div>
                    <p>{{item.name}}</p>
                    <label>广告</label>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="tabRight">
    <div class="first">
        <ul>
            <li><a target="_blank"  class="icon_admin_white" title=""></a></li>
            <li>
                <a target="_blank"  class="go-shopcard">
                    <i class="icon_shopcar_white"></i>
                    <p class="mt10">购<br>物<br>车</p>
                    <span class="car-num pos-Sty1">0</span>
                </a>
            </li>
            <li>
                <a target="_blank" class="icon_list_white mt10 go-myorder" title="订单"></a>
                <a target="_blank" class="icon_collect_white mt10 go-myhas" title="收藏"></a>
                <a target="_blank" class="icon_history_white mt10 go-record" title="记录"></a>
            </li>
        </ul>
    </div>
    <div class="second">
        <a target="_blank"  class="icon_edit_white"></a>
        <a target="_blank"  class="icon_top_white mt10"></a>
    </div>
</div>
<script src="../js/config.js"></script>
<script>

    var html = localStorage.getItem("html");
    $(".activity").html(html);

    var app = new Vue({
        el: '.advice',
        data: {
            imgBaseUrl: imgBaseUrl,
            advertise:'',
        },
        beforeCreate: function () {
            get_ajax("/sys/storeCommodity/getAdvertisement", {limit:4}, function (data) {
                data.forEach(function (item) {
                    item.picUrl = item.picUrl.split(",");
                })
                app.advertise = data;
            });
        },
        methods:{
            jumpDetail:function (id) {
                location.href = 'product_detail.html?productid='+id;
            }
        }
    })

</script>
</body>
</html>